@charset "UTF-8";
@import "../common/scss/mobile";
@import "../common/scss/mixins";
@import "../common/scss/sprites";
body{    height:100%;}
.page-pay{
  padding:0 1.4rem;
}
.pay-status{
  text-align: center;
  padding:6rem 0 0;
  .icon-ok{
    display: inline-block;
    width: 10.2rem;
    height: 10.2rem;
    background: transparent url('/images/bonanza.png') no-repeat 0 0;
    background-size: 100%;
    vertical-align: middle;
  }
  .status-text{
    font-size:$fs18;
    color:$color03;
    padding:1rem 0;
  }
}
.notice{
  padding: 1rem;
  border-top: 1px solid $border01;
  color:$color02;
  font-size:1.1rem;
  p{padding-bottom: 0.6rem;text-align: center;color:$color03;    font-size: 1.3rem;}
  span{
    color:$color04;
  }
  .title{
    color:$color05;
  }
}
.collar-coupon{
  .collar-box{
      margin:0 auto;
      width:22.1rem;
      height:11.1rem;
      background: url('/images/bond-bg.png') no-repeat center center;
      background-size:100%;
      text-align:center;
      .coupon-icon{
          padding-top:2.7rem;
      }
    .coupon-link{
      padding-top:1rem;
      color:#ff549d;
      font-size:$fs15;
    }
    &.received .coupon-link{
       color:$color00;
    }
  }

}
.btn-box{
	padding-top:16rem;
	text-align:center;
}
.btn-link{
	display:inline-block;
	width:8.2rem;
	height:2.9rem;
	line-height:2.9rem;
	border:1px solid $border04;
	border-radius: 0.4rem;
	color:$color04;
	font-size:1.4rem;
}
.collar-coupon{
  .collar-box{
      margin:0 auto;
      width:22.1rem;
      height:11.1rem;
      background: url('/images/bond-bg.png') no-repeat center center;
      background-size:100%;
      text-align:center;
      .coupon-icon{
          padding-top:2.7rem;
      }
    .coupon-link{
      padding-top:1rem;
      color:#ff549d;
      font-size:$fs15;
    }
  .icon-pay-coupon{
	 display:inline-block;
	 width:12.6rem;
	 height:3.3rem;
	 background-image:url(/images/coupons-sb6331245b3.png);
	 background-repeat:no-repeat;
	 background-position:0 -3.8rem;
	 background-size:12.6rem 7.1rem;
  }
    &.received {
		.coupon-link{
		   color:$color00;
		}
	    .icon-pay-coupon{
			background-position:0 0;
		}
	}
  }


}
@import "../common/scss/utilities";
@import "../common/scss/layer";

